<!-- target: experienceForm(master = formPage) -->
<!-- block: crumb -->
    <!-- import: experienceFormCrumb -->
<!-- /block -->
<!-- block: formMain -->
    <!-- import: experienceFormMain -->
<!-- /block -->

<!-- target: experienceFormCrumb(master = crumb) -->
<!-- block: path -->
    <span>搜乐</span>
    <span><!-- if: ${formType} === 'create' -->新增<!-- else: -->编辑<!-- /if -->活动</span>
<!-- /block -->

<!-- target: experienceFormMain(master = customFormView) -->
<!-- block: sections -->
    <!-- import: experienceBaseContent -->
<!-- /block -->
<!-- block: submitSection -->
<button type="submit" data-ui-type="Button" data-ui-id="submit" data-ui-group="submit" data-ui-variants="warning wide" class="submit-button">确认提交</button>
<!-- /block -->

<!-- target: experienceBaseContent -->
<section class="form-section">

    <div class="ui-form-row">
        <!-- use:
            textboxField(
            field = 'phone',
            title = '手机号码',
            length = 120,
            width = 300,
            required = true)
        -->
    </div>

    <div class="ui-form-row">
        <!-- use:
            labelSelectorField(
                field = 'category', width = 120, title = '活动分类',
                options = ${categoryList}, required = true
            )
        -->
    </div>

    <div class="ui-form-row">
        <!-- use:
            timeField(
                dateField = 'startDate', timeField = 'startTime',
                title = '开始时间', required = true, timeList = ${timeList}
            )
        -->
    </div>

    <div class="ui-form-row">
        <!-- use:
            timeField(
                dateField = 'endDate', timeField = 'endTime',
                title = '结束时间', required = true, timeList = ${timeList}
            )
        -->
    </div>

    <!-- if: ${user.detail.address} -->
    <div class="ui-form-row">
        <!-- use:
            textboxField(
                field = 'user.detail.address.name', title = '地址',  width = 500, disabled = true
            )
        -->
    </div>
    <!-- /if -->

    <div class="ui-form-row">
        <!-- use:
            labelSelectorField(
                field = 'phone', width = 200, title = '联系电话',
                options = ${phoneList}, required = true
            )
        -->
    </div>

    <div class="ui-form-row">
        <!-- use:
            uploaderWithPreviewField(
                field = 'pic1', title = '活动图片(大图)', imageWidth = 250,
                uploadUrl = ${uploadUrl1}, required = true,
                descriptions = ['单张图片大小不超过2M']
            )
        -->
    </div>

    <div class="ui-form-row">
        <!-- use:
            uploaderWithPreviewField(
                field = 'pic2', title = '活动图片(小图)', imageWidth = 250,
                uploadUrl = ${uploadUrl2}, required = true,
                descriptions = ['单张图片大小不超过500K']
            )
        -->
    </div>

    <div class="ui-form-row">
        <!-- use:
            experienceBenefits(
                field = 'benefits', title = '活动福利', benefitsChecked = ${benefitsChecked}
            )
        -->
    </div>

    <div class="ui-form-row">
        <!-- use:
            textboxField(
                field = 'content',
                title = '活动内容', 
                width = 300,
                height = 160,
                mode = 'textarea'
            )
        -->
    </div>

    <div class="ui-form-row">
        <!-- use:
            uploaderWithPreviewListField(
                field = 'pics',
                title = '内容图片',
                imageWidth = 250,
                uploadUrl = ${uploadUrl2},
                required = true,
                descriptions = ['单张图片大小不超过500k']
            )
        -->
    </div>

    <div class="ui-form-row">
        <!-- use:
            experienceActivity(
                field = 'type',
                title = '活动类型',
                types = ${activityTypes},
                system = ${system},
                timeList = ${timeList},
                radioTab = true
            )
        -->
    </div>

</section>

